<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本处理标签</title>
</head>
<body>
我是普通文字
<!-- 2.空格折叠现象：将连续的多个空格或换行折叠为一个空格显示 -->
<br><!-- 3.换行标签 单标记标签 -->
<!-- 1.文本基础效果标签 -->
<b>加粗字体bold</b>
<i>斜体文字italic</i>
<u>下划线文字underline</u>
<s>删除线文字</s>
<mark>高亮标记文字</mark>
<!-- 4.转移符号 -->
我最爱吃<苏东坡>做的红烧肉
    我最爱吃&lt;tom&gt;做的&nbsp;&nbsp;&nbsp;&nbsp;红烧肉
    <!-- 4.转义符号
    &lt;less than 表示小于号
    &gt; greater than 表示大于号
    &nbsp; 表示空格 -->

    <!-- 5.标题标签 -->
    <h1>我是标题</h1>
    <h2>我是标题</h2>
    <h3>我是标题</h3>
    <h4>我是标题</h4>
    <h5>我是标题</h5>
    <h6>我是标题</h6>
    <!-- 没有标题h7，但不会报错，只是不渲染标题效果 -->
    <!--6.段落标签 内容独占一行 有垂直方向的行间距 不会有文字效果-->
    <p>我是段落</p>
    <p>我是段落</p>
    <p>我是段落</p>
    <!-- 7.分割线标签 生成一条灰色的水平分割线 -->
    <hr>
    <!-- 8.生成假文 lorem后 Tab补全 -->
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, asperiores assumenda aut dignissimos distinctio eius eligendi laborum nisi non, nulla obcaecati omnis pariatur perferendis praesentium, quasi quibusdam rem repellat unde.

    <!-- 9.有序列表 ordered list 列表项-->
    <!-- 1.阿拉比数字 A/a 大/小写字母 I/i大小写罗马数字 -->
    <ol type="1">
        <li>把水烧开</li>
        <li>把面放进去</li>
        <li>把面捞出来</li>
    </ol>
    <!-- 10.无序列表 unordered list-->
    <ul>
        <li>《Think in Java》</li>
        <li>《Java从入门到精通》</li>
        <li>《颈椎康复指南》</li>
    </ul>
    <hr>
    <ul type="none">
        <li>热菜</li>
        <ol>
            <li>西红柿牛腩</li>
            <li>水煮肉片</li>
            <li>宫保鸡丁</li>
            <li>溜肉段</li>
        </ol>
        <li>凉菜</li>
        <ol>
            <li>拍黄瓜</li>
            <li>凉拌三丝</li>
            <li>皮蛋豆腐</li>
        </ol>
        <li>主食</li>
        <ol>
            <li>米饭</li>
            <li>馒头</li>
        </ol>
    </ul>
    <hr>
<h1><b>个人简历</b></h1>
<h3><b>基本信息</b></h3>
姓名：<b>传奇哥</b>
<p>性别:男</p>
<p>爱好：<s>摄影</s></p>
<h3>个人经历</h3>
<ul>
    <li>小学9年</li>
    <li>中学9年</li>
    <li>高中12年</li>
</ul>
<h3>获得荣誉</h3>
<ol>
    <li>机甲收集达人</li>
    <li>玩偶收集达人</li>
</ol>
</body>
</html>